Page({
  data: {
    lightList: [],
    animationData: {}
  },
  onLoad: function() {
    // 页面加载时获取灯具数据
    const app = getApp();
    
    // 修改数据，将灯具改为AI服务
    const aiServices = app.globalData.lightProducts.map(item => {
      return {
        ...item,
        name: this.transformToAIService(item.name),
        desc: this.transformToAIDesc(item.desc)
      };
    });
    
    this.setData({
      lightList: aiServices
    });
  },
  
  // 转换灯具名称为AI服务名称
  transformToAIService: function(name) {
    const aiServiceNames = [
      "AI智能分析系统",
      "深度学习解决方案",
      "智能语音交互平台",
      "计算机视觉识别系统"
    ];
    
    // 根据原始灯具ID返回对应的AI服务名称
    const index = this.data.lightList.findIndex(item => item.name === name);
    return aiServiceNames[index >= 0 ? index : 0];
  },
  
  // 转换灯具描述为AI服务描述
  transformToAIDesc: function(desc) {
    const aiServiceDescs = [
      "基于大数据的智能分析系统，为企业决策提供精准支持",
      "定制化深度学习解决方案，适用于各类复杂场景",
      "新一代智能语音交互平台，提供自然流畅的人机对话体验",
      "高精度计算机视觉系统，支持多场景图像识别与分析"
    ];
    
    // 根据原始灯具描述返回对应的AI服务描述
    const index = this.data.lightList.findIndex(item => item.desc === desc);
    return aiServiceDescs[index >= 0 ? index : 0];
  },
  
  // 跳转到详情页
  goToDetail: function(e) {
    const id = e.currentTarget.dataset.id;
    wx.navigateTo({
      url: '/pages/detail/detail?id=' + id
    });
  },
  
  // 页面显示时创建动画
  onShow: function() {
    const animation = wx.createAnimation({
      duration: 1000,
      timingFunction: 'ease',
    });
    
    this.animation = animation;
    
    // 执行动画
    this.startAnimation();
  },
  
  // 开始执行动画
  startAnimation: function() {
    const animation = this.animation;
    
    animation.scale(1.05).step();
    animation.scale(1.0).step();
    
    this.setData({
      animationData: animation.export()
    });
    
    // 循环执行动画
    setTimeout(() => {
      this.startAnimation();
    }, 2000);
  }
});